<template>
	<view class="container">
		<view class="banner">
			<view class="banner_tx1">
				<text>视野始于开拓，远见造就未来</text>
			</view>
			<view class="banner_tx2">
				<text>财富人生，您我同行</text>
			</view>
		</view>
		<view class="" v-for="item in newdata" :key="item._id">
			<view class="main">
				<view class="main_header">
					<text>{{item.head}}</text>
				</view>
				<view class="main_header_nav">
					<text>{{item.txt1}}</text>
				</view>
			</view>

			<view class="content">
				<view class="content_box" v-for="it in item.content" :key="it._id">
					<view class="box_headtxt">
						<text>{{it.tillte}}</text>
					</view>
					<view class="box_cate">
						<view class="box_va1">
							<text class="box_va1_1">近1年收益率</text>
							<text class="box_va1_2">\n{{it.cale}}</text>
						</view>
						<view class="box_va2">
							<text class="box_va2_1">策略目标</text>
							<text class="box_va2_2">\n{{it.dec}}</text>
						</view>

					</view>
					<view class="end">
						<text>{{it.txt}}</text>
					</view>
				</view>
			</view>
		</view>


	</view>

</template>

<script>
	export default {
		data() {
			return {
				// bannerUrl:"background:url(../static/fund/caonima69@2x.png);background-repeat: no-repeat;background-size: 100%;",
				newdata: [{
					head: "稳健收益",
					_id: 1,
					txt1: "组合特性：中低风险，债券打底，参与少量权益投资增厚收益稳健理财的好选择。建议持1年以上。",
					content: [{
						_id: 1,
						tillte: "我要稳稳的幸福（小雨点定制版）",
						cale: "10.07%",
						dec: "力争波动率≤3%",
						txt: "先求稳，把控风险放在首位；再求赢，配置≤20%的权益基金仓位，把握A股机会，在严控风险的同时追求高收益。"
					}, {
						_id: 2,
						tillte: "我要稳稳的幸福（小雨点定制版）",
						cale: "10.07%",
						dec: "力争波动率≤3%",
						txt: "先求稳，把控风险放在首位；再求赢，配置≤20%的权益基金仓位，把握A股机会，在严控风险的同时追求高收益。"
					}]
				}, {
					head: "积极进取",
					_id: 2,
					txt1: "组合特性：中低风险，债券打底，参与少量权益投资增厚收益稳健理财的好选择。建议持1年以上。",
					content: [{
						_id: 1,
						tillte: "我要稳稳的幸福（小雨点定制版）",
						cale: "10.07%",
						dec: "力争波动率≤3%",
						txt: "先求稳，把控风险放在首位；再求赢，配置≤20%的权益基金仓位，把握A股机会，在严控风险的同时追求高收益。"
					}, {
						_id: 2,
						tillte: "我要稳稳的幸福（小雨点定制版）",
						cale: "10.07%",
						dec: "力争波动率≤3%",
						txt: "先求稳，把控风险放在首位；再求赢，配置≤20%的权益基金仓位，把握A股机会，在严控风险的同时追求高收益。"
					}]
				}]
			}
		},
		methods: {

		}
	}
</script>

<style>
	/* page {
		background: #FFFFFF;
	} */
</style>
<style scoped lang="scss">
	.container {
		box-sizing: border-box;
		padding: 40rpx;

		.banner {
			background: url(../static/fund/caonima69@2x.png);
			background-repeat: no-repeat;
			background-size: 100%;
			width: 670rpx;
			height: 188rpx;
			text-align: center;
			overflow: hidden;

			.banner_tx1 {
				margin-top: 42rpx;
				font-size: 32rpx;
				font-weight: normal;
				font-stretch: normal;
				line-height: 44rpx;
				letter-spacing: 0rpx;
				color: #ffffff;
			}

			.banner_tx2 {

				font-size: 24rpx;
				font-weight: normal;
				font-stretch: normal;
				line-height: 34rpx;
				letter-spacing: 0rpx;
				color: #f3f3f3;
			}
		}

		.main {
			margin-top: 40rpx;

			.main_header {
				width: 160rpx;
				height: 56rpx;
				font-family: PingFang SC;
				font-size: 40rpx;
				font-weight: normal;
				font-stretch: normal;
				line-height: 56rpx;
				letter-spacing: 0rpx;
				color: #7a7979;

			}

			.main_header_nav {
				width: 648rpx;
				height: 68rpx;
				font-family: PingFang SC;
				font-size: 24rpx;
				font-weight: normal;
				font-stretch: normal;
				line-height: 34rpx;
				letter-spacing: 0rpx;
				color: #474747;
				margin-top: 20rpx
			}
		}

		.content {
			.content_box {
				box-sizing: border-box;
				padding-top: 40rpx;


				// border-bottom: 1px solid  #d1d1d1;
				.box_headtxt {
					margin-top: 8rpx;
					font-size: 32rpx;
					font-weight: normal;
					font-stretch: normal;
					line-height: 44rpx;
					letter-spacing: 0rpx;
					color: #323232;
				}

				.box_cate {
					display: flex;
					justify-content: space-between;
					width: 450rpx;
					flex-wrap: wrap;

					.box_va1 {
						.box_va1_1 {
							font-size: 24rpx;
							font-weight: normal;
							font-stretch: normal;
							line-height: 34rpx;
							letter-spacing: 0rpx;
							color: #474747;
						}

						.box_va1_2 {
							font-size: 40rpx;
							font-weight: normal;
							font-stretch: normal;
							line-height: 48rpx;
							letter-spacing: 0rpx;
							color: #ff3a3a;
						}
					}

					.box_va2 {
						.box_va2_1 {
							font-size: 24rpx;
							font-weight: normal;
							font-stretch: normal;
							line-height: 34rpx;
							letter-spacing: 0rpx;
							color: #474747;
						}

						.box_va2_2 {
							font-size: 32rpx;
							font-weight: normal;
							font-stretch: normal;
							line-height: 44rpx;
							letter-spacing: 0rpx;
							color: #323232;
						}
					}
				}

				.end {

					font-size: 24rpx;
					font-weight: normal;
					font-stretch: normal;
					line-height: 34rpx;
					letter-spacing: 0rpx;
					color: #d1d1d1;
					border-top: 1px solid #d1d1d1;
					box-sizing: border-box;
					padding-top: 20rpx;

				}
			}
		}
	}
</style>
